<template>
  <div class="todo-container">
    <ul>
      <todo-item v-for="(todo, index) in todos" 
      :key="index"
      :todo="todo"
      :index="index"
      :deleteTodo="deleteTodo"/>
    </ul>
  </div>  
</template>

<script>
import TodoItem from './TodoItem.vue'
export default {
  props: {
    todos: Array,
    deleteTodo: Function
  },
  components: {
    TodoItem
  }
}
</script>

<style lang="scss">
  
</style>
